<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="column column-1200">
    <div class="block-51xz-header">
        <div class="logo">
            <a href=""><img src="http://51soft.test.zhuazi.com/src/images/logo.png" height="100" width="253"></a>
        </div>
        <div class="block-search">
            <div class="block-search-box">
                <div class="content-select">
                    <div class="now">软件<em></em></div>
                </div>
                <div class="content-input">
                    <input type="text" placeholder="请输入搜索关键词">
                </div>
                <div class="content-button">
                    <input type="button" value="搜索">
                </div>
            </div>
            <div class="block-hotsearch">
                热搜 ：<a href="#">无线共享</a><a href="#">VPN链接</a><a href="#">爱奇艺</a>
                <span class="sc">Ctrl + D 收藏</span>
            </div>
        </div>
    </div>
</div>
<div class="column column-nav">
    <div class="column column-1200">
        <div class="block-content">
                <a href="index.html" class="active">首页</a>
                <a href="pc_soft_index.html">PC软件</a>
                <a href="pc_game_index.html">PC游戏</a>
                <a href="ag_soft_index.html">安卓软件</a>
                <a href="ag_game_index.html">安卓游戏</a>
                <a href="ios_soft_index.html">IOS软件</a>
                <a href="ios_game_index.html">IOS游戏</a>
                <a href="zt_index.html">专题</a>
                <a href="jc_index.html">教程</a>
                <a href="news_index.html">新闻</a>
        </div>
    </div>
</div>
<div class="column column-1200 column-content clearfix">
    <div class="column-left ">
        <div class="clearfix">
           <div class="column-288 ">
               <div class="block block-51softIndex-3-1 ">
                   <div class="block-title">
                       <h6 class="name">幸运App</h6>
                       <a href="javascript:;" class="pull-right more" id="change">
                           换一个
                       </a>
                   </div>
                   <div class="block-content block-51softIndex-5">
                       <ul class="content-50">
                           <li class="content show">
                               <a href="#" target="_blank">
                                   <div class="clearfix parent">
                                       <div class="content-left pull-left">
                                           <img src="http://img.51xiazai.cn/d/file/20170531/592e945feab1b447401496224863.png">
                                       </div>
                                       <div class="content-middle pull-left">
                                           <p class="p1">球球大作战啊啊啊啊啊啊啊啊</p>
                                           <p class="p2">
                                               <span>分类： </span>
                                               <span>休闲益智啊啊啊啊啊啊</span>
                                           </p>
                                           <p class="p3">
                                               <span>大小：77.28M啊啊啊啊</span>
                                           </p>
                                       </div>
                                   </div>
                                   <h5 class="soft-name text-overflow-1 ">球球大作战，官方正版...</h5>
                                   <p class="soft-info text-overflow-1 ">非常好玩的球球，小编曾走火入魔过！</p>
                                   <span  class="down">立即下载</span>
                               </a>
                           </li>
                           <li class="content">
                               <a href="#" target="_blank">
                                   <div class="clearfix parent">
                                       <div class="content-left pull-left">
                                           <img src="http://img.51xiazai.cn/d/file/20170531/592e945feab1b447401496224863.png">
                                       </div>
                                       <div class="content-middle pull-left">
                                           <p class="p1">刘从没大作战啊啊啊啊啊啊啊啊</p>
                                           <p class="p2">
                                               <span>分类： </span>
                                               <span>休闲益智啊啊啊啊啊啊</span>
                                           </p>
                                           <p class="p3">
                                               <span>大小：77.28M啊啊啊啊</span>
                                           </p>
                                       </div>
                                   </div>
                                   <h5 class="soft-name text-overflow-1 ">球球大作战，官方正版...</h5>
                                   <p class="soft-info text-overflow-1 ">非常好玩的球球，小编曾走火入魔过！</p>
                                   <span  class="down">立即下载</span>
                               </a>
                           </li>
                           <li class="content">
                               <a href="#" target="_blank">
                                   <div class="clearfix parent">
                                       <div class="content-left pull-left">
                                           <img src="http://img.51xiazai.cn/d/file/20170531/592e945feab1b447401496224863.png">
                                       </div>
                                       <div class="content-middle pull-left">
                                           <p class="p1">刘从没大作战啊啊啊啊啊啊啊啊</p>
                                           <p class="p2">
                                               <span>分类： </span>
                                               <span>休闲益智啊啊啊啊啊啊</span>
                                           </p>
                                           <p class="p3">
                                               <span>大小：77.28M啊啊啊啊</span>
                                           </p>
                                       </div>
                                   </div>
                                   <h5 class="soft-name text-overflow-1 ">球球大作战，官方正版区分不同版本aaaa</h5>
                                   <p class="soft-info text-overflow-1 ">非常好玩的球球，小编曾走火入魔过！</p>
                                   <span  class="down">立即下载</span>
                               </a>
                           </li>
                       </ul>

                   </div>
               </div>
           </div>
           <div class="column-580 ">
               <div class="block block-51softIndex-3-2 ">
                   <div class="block-content slide-1">
                       <div class="slide-ct">
                           <ul class="slide-wp">
                               <li>
                                   <a href="">
                                       <img src="http://51soft.test.zhuazi.com/d/file/pcgame/js/2017-06-09/becf3a2ad45553ed5e5446d6a44baeb3.jpg">
                                   </a>
                               </li>
                               <li>
                                   <a href="">
                                       <img src="http://51soft.test.zhuazi.com/d/file/pcgame/js/2017-06-09/becf3a2ad45553ed5e5446d6a44baeb3.jpg">
                                   </a>
                               </li>
                               <li>
                                   <a href="">
                                       <img src="http://51soft.test.zhuazi.com/d/file/pcgame/js/2017-06-09/becf3a2ad45553ed5e5446d6a44baeb3.jpg">
                                   </a>
                               </li>
                               <li>
                                   <a href="">
                                       <img src="http://51soft.test.zhuazi.com/d/file/pcgame/js/2017-06-09/becf3a2ad45553ed5e5446d6a44baeb3.jpg">
                                   </a>
                               </li>
                               <li>
                                   <a href="">
                                       <img src="http://img6.cache.netease.com/photo/0003/2017-05-10/CK2CSMB000AJ0003.jpg">

                                   </a>
                               </li>
                               <li>
                                   <a href="">
                                       <img src="http://img.51xiazai.cn/d/file/20170531/592e945feab1b447401496224863.png">
                                   </a>
                               </li>
                           </ul>
                       </div>
                       <div class="slide-focus">

                       </div>
                       <div class="slide-btn">
                           <a href="javascript:;" class="enext"> &gt; </a>
                           <a href="javascript:;" class="eprev"> &lt; </a>
                       </div>
                   </div>
               </div>
           </div>
        </div>
        <div class="con clearfix">
            <div class="column-140">
                <div class="block block-51softIndex-4-1 ">
                    <div class="block-title">
                        <h6 class="name">应用分类</h6>
                    </div>
                    <div class="block-content">
                        <ul>
                            <li><a href="pc_soft_list.html" class="active">全部</a></li>
                            <li><a href="pc_soft_list.html" >浏览器</a></li>
                            <li><a href="">安全杀毒</a></li>
                            <li><a href="">聊天工具</a></li>
                            <li><a href="">输入法</a></li>
                            <li><a href="">图形图像</a></li>
                            <li><a href="">浏览器</a></li>
                            <li><a href="">安全杀毒</a></li>
                            <li><a href="">聊天工具</a></li>
                            <li><a href="">输入法</a></li>
                            <li><a href="">图形图像</a></li>
                            <li><a href="" >浏览器</a></li>
                            <li><a href="">安全杀毒</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="column-710">
                <div class="block block-51softIndex-4-2 tabs-click">
                    <div class="block-title">
                        <ul class="clickTabs-nav-top">
                            <li class=""><a href="javascript:;" data-toggle="1" class="nav-item nav active">最新软件</a></li>
                            <li><a href="javascript:;" data-toggle="2" class="nav-item nav ">最多下载</a></li>
                        </ul>
                    </div>
                    <div class="block-contents tabs-contents">
                        <div class="block-content tab-content active" id="item-1">
                            <ul class="content-51 width-720">
                                <li class="content">
                                    <a href="pc_soft_detail.html">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="block-content tab-content" id="item-2">
                            <ul class="content-51">
                                <li class="content">
                                    <a href="">
                                        <p class="tit">测试桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li class="content">
                                    <a href="">
                                        <p class="tit">米粒桌面</p>
                                        <div class="content-left pull-left">
                                            <img src="http://188soft.test.zhuazi.com/d/file/sorts/26/2017-05-02/8a265acdfd31958a30dcad43787da1c9.png">
                                        </div>
                                        <div class="content-middle pull-left">
                                            <p class="p2">

                                                23.45MB
                                            </p>
                                            <p class="p3">
                                                下载
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="column-right">
        <div class="block block-51softIndex-2">
            <div class="block-title">
                <h6 class="name">热搜榜</h6>
            </div>
            <div class="block-contents">
                <ul class="content-66 content-hover">
                    <li class="content on">
                        <div class="content-top">
                            <span class="num num1">1</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num2">2</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num3">3</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num4">4</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num5">5</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num5">5</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num5">5</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num5">5</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num5">5</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="content">
                        <div class="content-top">
                            <span class="num num5">5</span>
                            <a href="#" target="_blank">
                                最怕空气突然安静 最怕朋友突然的关心 最怕回忆 突然翻滚绞痛着 不平息 最怕突然 听到你的消息 想念如果会.
                            </a>
                        </div>
                        <div class="content-bottom clearfix">
                            <a href="" target="_blank">
                                <div class="content-bottom-1">
                                    <img src="http://www.pcsoft.com.cn/d/file/soft/sdrj/xtaq/2017-04-26/509532c66c5ea5a0c7668d04ac03e399.jpg" alt="">
                                </div>
                                <div class="content-bottom-2">
                                    <p class="p1">2345万次下载</p>
                                    <p class="p2">立即下载</p>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="column">
    <div class="block block-51xz-footer">
        <div class="block-content">
            <div class="column-footer-link">
                <div class="column column-1200">
                    <a href="#">关于我们</a>|
                    <a href="#">商务合作</a>|
                    <a href="#">发布软件</a>|
                    <a href="#">新闻投稿</a>|
                    <a href="invite.html">招聘信息</a>|
                    <a href="map.html">网站地图</a>|
                    <a href="#">移动版</a>
                </div>
            </div>
            <div class="column-footer-text">
                <div class="column column-1200">
                    <p>
                        Copyright © 2004-2016 PC下载网(www.51xiazai.cn).All Rights Reserve
                        <br> 备案号：123456
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../src/federal/js/vendors/jquery-1.10.2/jquery.js"></script>
<script>
    function slid(obj, b) {
        this.obj = $(obj);
        this.wrap = this.obj.find('.slide-wp');
        this.num = 0;
        this.timer = this.timer2 = null;
        this.li = this.obj.find('li')
        this.len = this.li.length;
        this.pBtn = this.obj.find('.eprev');
        this.nBtn = this.obj.find('.enext');
        this.focuswp = this.obj.find('.slide-focus');
        this.iwidth = this.obj.width();
        this.iheight = this.obj.height();
        this.lifirst = this.obj.find('li').first();
        this.set = {
            speed: 500,
            type: 1,
            time: 1000,
            auto: true
        };
        if(b) $.extend(this.set, b);
        if(this.len == 1) return false;
        this.init();
    }
    slid.prototype = {
        init: function() {
            var _t = this;
            if(_t.set.type == 1) {
                this.wrap.append(this.lifirst.clone())
                this.li = this.obj.find('li')
                this.len = this.li.length;
                this.wrap.width(this.iwidth * this.len)
            } else {
                this.lifirst.css('opacity', 1)
            }
            this.li.width(this.iwidth);
            this.li.height(this.iheight);
            this.obj.on('mouseover', function() {
                _t.pBtn.show();
                _t.nBtn.show();
                clearInterval(_t.timer2)
            });
            this.obj.on('mouseout', function() {
                _t.pBtn.hide();
                _t.nBtn.hide();
                _t.set.auto && _t.start();
            })
            _t.pnclick();
            _t.set.focus && _t.focus();
            _t.set.auto && _t.start();

        },
        move: function(m) {
            this.num = m;
            // 左右
            if(this.set.type == 1) {
                if(m == this.len) {
                    this.wrap.css({
                        left: 0
                    });
                    this.num = 1;
                }
                if(m == -1) {
                    this.wrap.css({
                        left: -(this.len - 1) * this.iwidth
                    });
                    this.num = this.len - 2;
                };
                this.wrap.stop().animate({
                    left: -this.num * this.iwidth
                }, 500);
                this.focuswp.find('span').removeClass('active')
                this.num == this.len - 1 ? this.focuswp.find('span').eq(0).addClass('active') : this.focuswp.find('span').eq(this.num).addClass('active');
            } else {
                // 透明
                if(m == this.len) {
                    this.num = 0;
                }
                if(m == -1) {
                    this.num = (this.len - 1);
                }
                this.li.animate({
                    opacity: 0
                }, 500).removeClass('active');
                this.li.eq(this.num).stop().animate({
                    opacity: 1
                }, 500).addClass('active');
                this.focuswp.find('span').removeClass('active')
                this.focuswp.find('span').eq(this.num).addClass('active');
            }
        },
        stop: function() {
            this.set.auto = false;
            clearInterval(this.timer2)
        },
        start: function() {
            var _t = this;
            _t.set.auto = true;
            clearInterval(_t.timer2);
            _t.timer2 = setInterval(function() {
                _t.next();
            }, _t.set.time)
        },
        pnclick: function() {
            var _t = this;
            this.pBtn.on('click', function() {
                _t.prev();
            })
            this.nBtn.on('click', function() {
                _t.next();
            })
        },
        focus: function(m) {
            var _t = this;
            if(_t.set.type == 1) {
                console.log(_t.focuswp)
                for(var i = 0; i < _t.len - 1; i++) {
                    _t.focuswp.append('<span></span>')
                }
            } else {
                for(var i = 0; i < _t.len; i++) {
                    _t.focuswp.append('<span></span>')
                }
            }
            _t.focuswp.find('span').eq(0).addClass('active');
            _t.focuswp.find('span').on('click', function() {
                _t.focuswp.find('span').removeClass('active')
                _t.to($(this).index())
                $(this).addClass('active')
            })
        },
        to: function(n) {
            this.move(n);
        },
        prev: function() {
            this.num--;
            this.move(this.num)
        },
        next: function() {
            this.num++;
            this.move(this.num)
        },
        auto: function() {
            this.start()
        }
    };
    window.slid = slid;

    $(function() {
        var slid1 = new slid('.slide-1', {
            time: 1000, //时间
            type: 1,
            auto: false,
            focus: true
        });
    })
</script>
</body>
</html>